/*
 * @Description: 组件基础. 这里可以定义通用的样式。
 * @Author: tao.xie
 * @Date: 2019-04-01 21:57:44
 * @Last Modified by: tao.xie
 * @Last Modified time: 2019-04-01 22:18:42
 */
<template>
  <div
    class="wrapper"
    :style={height:calHeight(height)}
  >
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    height:
      {
        type: String,
        default: '',
        required: true
      }
  },
  methods: {
    calHeight(height) {
      return height * 100 + '%'
    }
  }
}
</script>

<style scoped>
.wrapper {
  width: 100%;
}
</style>
